<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <el-button type="danger" @click="openDeap">新增按钮</el-button>
      </div>
      <el-table
        :data="tableData"
        border
        style="width: 100%"
      >
        <el-table-column
          fixed
          prop="date"
          label="模板类型"
          width="150"
        />
        <el-table-column
          prop="name"
          label="运送类型"
          width="120"
        />
        <el-table-column
          prop="province"
          label="关联城市"
          width="120"
        />
        <el-table-column
          prop="city"
          label="首重"
          width="120"
        />
        <el-table-column
          prop="address"
          label="续重"
          width="120"
        />
        <el-table-column
          prop="zip"
          label="轻抛系数"
          width="120"
        />
        <el-table-column
          fixed="right"
          label="操作"
          width="100"
        >
          <template>
            <el-button type="text" size="small">查看</el-button>
            <el-button type="text" size="small">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
    <deapClose :show-deap.sync="showDeap" />
  </div>
</template>

<script>
import deapClose from './deapClose.vue'
export default {
  components: { deapClose },
  data() {
    return {
      showDeap: false,
      tableData: []
    }
  },
  methods: {
    openDeap() {
      this.showDeap = true
    }
  }
}
</script>

<style lang="scss" scoped>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {

    margin: 30px;
  }
</style>
